{% extends 'layout.html' %}
{% block conmet %}
    <div class="container">
        <div style="margin-bottom: 20px">
        <a href="/user/add/"  class=" btn btn-success " ><span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
            新建用户</a>
        </div>
        <div class="panel panel-default">
          <div class="panel-heading">
              <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
              用户列表
          </div>
          <!-- Table -->
          <table class="table table-bordered" >
                <thead>
                  <tr>
                    <th>ID</th>
                    <th>姓名</th>
                    <th>密码</th>
                    <th>年龄</th>
                    <th>性别</th>
                    <th>余额</th>
                    <th>入职时间</th>
                    <th>所属部门</th>
                    <th>操作</th>
                  </tr>
                </thead>
                <tbody>
                {% for obj in query %}
                  <tr>
                    <th>{{  obj.id }}</th>
                    <td>{{ obj.name }}</td>
                    <td>{{ obj.password }}</td>
                    <td>{{ obj.age }}</td>
                    <td>{{ obj.get_gender_display }}</td>
                    <td>{{ obj.accout }}</td>
                    <td>{{ obj.create_time|date:"Y-m-d" }}</td>
                    <td>{{ obj.depart.title }}</td>
                    <td>
                        <a href="/user/{{ obj.id }}/update" class="btn btn-primary btn-xs">编辑</a>
                        <a href="/user/{{ obj.id }}/delete" class="btn btn-danger btn-xs"> 删除 </a>
                    </td>
                  </tr>
                {% endfor %}
                </tbody>
              </table>
        </div>
    </div>
{% endblock %}
